09. Final Project Updates

Building the Home Town App (part 3 of 3)

Using all the skills that you've learned throughout this course, it's time to make some final tweaks to the Home Town site!

To start off, I want you to update the sports score table. Go ahead and put your favorite sports teams in and make sure it's responsive. I've also added another column into the sports score table just to make things a little bit more difficult.

Next up, double-check your text. Is there any text that's too long? If so find a way to make it fit a little bit more naturally. This is also a great place to add some minor breakpoints. Add at least one (I'm sure if you keep trying you could find a lot more than just one to add).

Lastly, try replacing a few of the images with responsive images. If you haven't completed the responsive images course, check out the Responsive Images section using the link below.

Task Description:

Let's make sure we're on the same page!

Task List:

Task Feedback:

Responsive sites are the way to go!

Responsive Images Course

More on responsive images with Google's Web Fundamentals

You can find the link to the RWDF_L5_start.zip file with all the files you need for the project here.

How did the ellipsis happen? Here's a trick for adding an ellipsis to a single line, and here's a trick for adding an ellipsis when you have multiple lines. These can be tricky. It took a bit of trial-and-error on my part before I was happy with the result.

You can find a link to the RWDF_L5_Solution.zip file with our solution to this part of the project here.